<%@ page contentType="text/html;charset=UTF-8" trimDirectiveWhitespaces="true"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<sys:header title="个人信息"></sys:header>
<div class="portlet box ${boxStyleColor} autoHeight">
	<div class="portlet-title">
		<div class="caption"><i class="fa fa-coffee"></i>个人信息</div>
	</div>
	<div class="portlet-body form">
		<div class="form-body">
				<div class="row profile-account">
					<div class="col-md-3">
						<ul class="ver-inline-menu tabbable margin-bottom-10">
							<li>
								<a data-toggle="tab" href="#tab_1-1">
								<i class="fa fa-cog"></i> 基本信息 </a>
								<span class="after"></span>
							</li>
							<li>
								<a data-toggle="tab" href="#tab_2-2">
								<i class="fa fa-picture-o"></i> 更改头像 </a>
							</li>
							<li class="active">
								<a data-toggle="tab" href="#tab_3-3">
								<i class="fa fa-lock"></i> 修改密码 </a>
							</li>
							<li>
								<a data-toggle="tab" href="#tab_4-4">
								<i class="fa fa-eye"></i> 账号安全 </a>
							</li>
						</ul>
					</div>
					<div class="col-md-8">
						<div class="tab-content">
							<div id="tab_1-1" class="tab-pane">
								<form:form id="inputForm" modelAttribute="user" action="${ctx}/sys/user/info" method="post">
									<div class="form-group">
										<label class="control-label">登录账号</label>
										<input type="text" placeholder="ThinkGem" class="form-control"/>
									</div>
									<div class="form-group">
										<label class="control-label">手机号码</label>
										<input type="text" placeholder="+8618600000000" class="form-control"/>
									</div>
									<div class="form-group">
										<label class="control-label">邮箱地址</label>
										<input type="text" placeholder="xxxx@xxx.xxx" class="form-control"/>
									</div>
									<div class="form-group">
										<label class="control-label">备注</label>
										<textarea class="form-control" rows="3" placeholder=""></textarea>
									</div>
									<div class="margiv-top-10">
										<a href="#" class="btn green">保存修改 </a>
									</div>
								</form:form>
							</div>
							<div id="tab_2-2" class="tab-pane">
								<form:form id="inputForm" modelAttribute="user" action="${ctx}/sys/user/info/photo" method="post">
									<div class="form-group">
										<form:hidden id="nameImage" path="photo" htmlEscape="false" maxlength="255" class="input-xlarge"/>
										<sys:ckfinder input="nameImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
									</div>
									<div class="margin-top-10">
										<a href="#" class="btn green">保存修改 </a>
									</div>
								</form:form>
							</div>
							<div id="tab_3-3" class="tab-pane active">
								<form:form id="inputForm" modelAttribute="user" action="${ctx}/sys/user/modifyPwd" method="post">
									<div class="form-group">
										<label class="control-label">旧密码</label>
										<input id="oldPassword" name="oldPassword" type="password" value="" maxlength="50" minlength="3" class="form-control required"/>
									</div>
									<div class="form-group">
										<label class="control-label">新密码</label>
										<input id="newPassword" name="newPassword" type="password" value="" maxlength="50" minlength="3" class="form-control required"/>
									</div>
									<div class="form-group">
										<label class="control-label">确认新密码</label>
										<input id="confirmNewPassword" name="confirmNewPassword" type="password" value="" maxlength="50" minlength="3" class="form-control required" equalTo="#newPassword"/>
									</div>
									<div class="margin-top-10">
										<a href="#" class="btn green">保存密码 </a>
									</div>
								</form:form>
							</div>
							<div id="tab_4-4" class="tab-pane">
								<form:form id="inputForm" modelAttribute="user" action="${ctx}/sys/user/info/photo" method="post">
									<div class="form-group">
										<label class="control-label">保密问题（1）</label>
										<input id="oldPassword" name="oldPassword" type="password" value="" maxlength="50" minlength="3" class="form-control required"/>
									</div>
									<div class="form-group">
										<label class="control-label">保密问题答案（1）</label>
										<input id="newPassword" name="newPassword" type="password" value="" maxlength="50" minlength="3" class="form-control required"/>
									</div>
									<div class="form-group">
										<label class="control-label">保密问题（2）</label>
										<input id="oldPassword" name="oldPassword" type="password" value="" maxlength="50" minlength="3" class="form-control required"/>
									</div>
									<div class="form-group">
										<label class="control-label">保密问题答案（2）</label>
										<input id="newPassword" name="newPassword" type="password" value="" maxlength="50" minlength="3" class="form-control required"/>
									</div>
									<div class="form-group">
										<label class="control-label">保密问题（3）</label>
										<input id="oldPassword" name="oldPassword" type="password" value="" maxlength="50" minlength="3" class="form-control required"/>
									</div>
									<div class="form-group">
										<label class="control-label">保密问题答案（3）</label>
										<input id="newPassword" name="newPassword" type="password" value="" maxlength="50" minlength="3" class="form-control required"/>
									</div>
									<div class="margin-top-10">
										<a href="#" class="btn green">保存修改 </a>
									</div>
								</form:form>
							</div>
						</div>
					</div>
					<!--end col-md-9-->
				</div>
		</div>
	</div>
</div>
<sys:footer></sys:footer>